<template>
	<el-form class="dictEditForm" ref="dictInfo" :inline="true" :model="dictInfo" label-width="130px">
		<el-form-item label="字典项的key">
			<el-input v-model="dictInfo.dictKey"></el-input>
		</el-form-item>
		<el-form-item label="字典项的value">
			<el-input v-model="dictInfo.dictValue"></el-input>
		</el-form-item>
		<el-form-item label="字典项的英文">
			<el-input v-model="dictInfo.dictValueEn"></el-input>
		</el-form-item>
		<el-form-item label="字典项的排序">
			<el-input v-model="dictInfo.dictValueOrder"></el-input>
		</el-form-item>
		<el-form-item label="是否启用">
			<el-switch v-model="dictInfo.dictEnable" active-color="#13ce66" inactive-color="#ff4949" :active-value="active"
			 :inactive-value="inActive">
			</el-switch>
		</el-form-item>
		<el-form-item label="所属分组的key">
			<el-input v-model="dictInfo.dictGroupKey"></el-input>
		</el-form-item>
		<el-form-item label="所属分组的value">
			<el-input v-model="dictInfo.dictGroupValue"></el-input>
		</el-form-item>
		<el-form-item label="所属分组的英文value">
			<el-input v-model="dictInfo.dictGroupValueEn"></el-input>
		</el-form-item>
		<el-form-item label="分组的排序">
			<el-input v-model="dictInfo.dictGroupOrder"></el-input>
		</el-form-item>
	</el-form>
</template>
<script>
	import request from '@/utils/request'
	export default {
		name: 'dictEdit',
		props: ['dictInfo'],
		data() {
			return {
				//所有的下拉选项
				options: {},
				active: 1,
				inActive: 0
			}
		},
		watch: {
			dictInfo: function(val) {

			}
		},
		//页面初始化加载
		created() {},
		methods: {

		}
	}
</script>
<style>
	.dictEditForm .el-form-item {
		width: 45%;
	}

	.dictEditForm .el-input {
		width: 100%;
	}
</style>
